<template>
  <div id="app">
    <router-view></router-view>
    <el-row class="spinner" v-show="spinner>0">
      <Spinner :spacing="20" :line-size="4" :size="40" message="加载中..."/>
    </el-row>
  </div>
</template>

<script>
import Spinner from 'vue-simple-spinner'
import {mapGetters} from 'vuex'

export default {
  name: 'app',
  components: {Spinner},
  computed: {
    ...mapGetters([
      "spinner"
    ])
  },
  watch:{
    spinner(val){
      // console.log(val)
    }
  }
}
</script>
<style>

.spinner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 10000;
  padding-top: 20%;
  background-color: #ffffff4a;
}

.el-drawer__body {
  padding: 10px;
  box-sizing: content-box;
}

.page {
  padding: 20px;
  width: 100%;
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
}
</style>